<head>
<link rel="stylesheet" href="main.css" type="text/css" />
<script type="text/javascript" src="showhide.js"></script>

</head>
<body>

<div class="background">&nbsp;</div>


<a class="hide" href="javascript:handleParent(1)">X</a>
<div id="menu1" style="display: block;">
<img class="buddyIcon" src="incoming_icon.png" width="96px" height="96px" />
<div class="buddyName">Courtney Wilkinson</div>
<div class="time">Conversation started at 5:36 PM</div>
</div>

<div id="Chat">

<div class="container">
<div class="pastUser">Chris Egeberg :<div class="messageTime">5:36 PM</div></div><div class="Message"><p class="pastMessage">here's a long message that is just gonna go on for a while and crap like that.... WWWOOOOOOOOOOOOOOOOOOOOOOOO.</p></div>
</div>

<div class="container">
<div class="pastBuddy">Courtney Wilkinson :<div class="messageTime">5:36 PM</div></div><div class="Message"><p class="pastMessage">In my next message I will type a link...</p></div>
<div class="pastBuddy"></div><div class="pastNextMessageBuddy"><p><a href="http://www.paularms.com/downloads/adium.html">iamgoingtomaketheoverflowhiddenbecausemostpeopledonotlikescrollbarsinthemiddleoftheirmessages</a></p></div>
</div>

<div class="container">
<div class="pastUser">Chris Egeberg :<div class="messageTime">5:36 PM</div></div><div class="Message"><p class="pastMessage">Line 1</p></div>
<div class="pastUser"></div><div class="pastNextMessageUser"><p>Line 2</p></div>
<div class="pastUser"></div><div class="pastNextMessageUser"><p>Line 3</p></div>
<div class="pastUser"></div><div class="pastNextMessageUser"><p>Line 4</p></div>
</div>

<div class="container">
<div class="pastBuddy">Courtney Wilkinson :<div class="messageTime">5:36 PM</div></div><div class="Message"><p class="pastMessage">This is a message history message from your buddy.</p></div>
</div>

<div class="container">
<div class="pastUser">Chris Egeberg :<div class="messageTime">5:36 PM</div></div><div class="Message"><p class="pastMessage">This is a message history message sent to your buddy.</p></div>
<div class="pastUser"></div><div class="pastNextMessageUser"><p>and another old message</p></div>
</div>

<div class="statusContainer">
<div class="statusTime">11:37 AM :</div><div class="statusMessage"><p>Buddy disconnected</p></div>
</div>

<div class="container">
<div class="user">Chris Egeberg :<div class="messageTime">5:36 PM</div></div><div class="Message"><p>This is your first message after the history has been displayed.</p></div>
<div class="user"></div><div class="nextMessageUser"><p>You typed another message.</p></div>
</div>

<div class="container">
<div class="buddy">Courtney Wilkinson :<div class="messageTime">5:36 PM</div></div><div class="Message"><p>Here is a message from your buddy</p></div>
</div>

<div class="container">
<div class="user">Chris Egeberg :<div class="messageTime">5:36 PM</div></div><div class="Message"><p>here's a long message that is just gonna go on for a while and crap like that.... WWWOOOOOOOOOOOOOOOOOOOOOOOO.</p></div>
</div>

<div class="container">
<div class="buddy">Courtney Wilkinson :<div class="messageTime">5:36 PM</div></div><div class="Message"><p>In my next message I will type a link...</p></div>
<div class="buddy"></div><div class="nextMessageBuddy"><p><a href="http://www.paularms.com/downloads/adium.html">iamgoingtomaketheoverflowhiddenbecausemostpeopledonotlikescrollbarsinthemiddleoftheirmessages</a></p></div>
</div>

<div class="container">
<div class="user">Chris Egeberg :<div class="messageTime">5:36 PM</div></div><div class="Message"><p>Line 1</p></div>
<div class="user"></div><div class="nextMessageUser"><p>Line 2</p></div>
<div class="user"></div><div class="nextMessageUser"><p>Line 3</p></div>
<div class="user"></div><div class="nextMessageUser"><p>Line 4</p></div>
</div>

<div class="statusContainer">
<div class="statusTime">11:42 PM :</div><div class="statusMessage"><p>Buddy disconnected</p></div>
</div>

</div>